<template>
    <div class="content">
        <el-tabs v-model="activeName">
            <el-tab-pane label="原因组" name="item2">
                <item2 class="item" v-if="activeName == 'item2'"></item2>
            </el-tab-pane>
            <el-tab-pane label="原因定义" name="item1">
                <item1 class="item item1" v-if="activeName == 'item1'"></item1>
            </el-tab-pane>
            
        </el-tabs>
    </div>
</template>

<script>
import item1 from './item1/index.vue'
import item2 from './item2/index.vue'
export default {
    components:{
        item1,
        item2
    },
    data(){
        return {
            activeName:"item2"
        }
    },
    created(){

    },
    methods:{

    }
}
</script>

<style scoped>
    .content{
        padding: 20px 0;
    }
    .item{
        height: calc(100vh - 170px);
        overflow: auto;
    }
    .content >>> .el-tabs__content{
        padding-top: 0;
    }
    .content >>> .el-tabs--border-card{
        box-shadow: none;
    }
</style>